<script lang="ts" setup>
import { useI18n } from 'vue-i18n';

const props = defineProps({
  name: {
    type: String,
    default: '',
  },

  email: {
    type: String,
    default: '',
  },
});

const { t } = useI18n();

defineExpose({
  // dialogClickButton,
  dialogOptions: {
    title: t('settings.view.subscription.user.view.title'),
    buttons: { cancel: t('settings.action.close') },
  },
});
</script>

<template>
  <ADescriptions size="large" :column="1">
    <ADescriptionsItem :label="$t('settings.view.subscription.user.index.column3')" :span="1">
      {{ props.name }}
    </ADescriptionsItem>
    <ADescriptionsItem :label="$t('settings.view.subscription.user.index.column4')" :span="1">
      {{ props.email }}
    </ADescriptionsItem>
  </ADescriptions>
</template>

<style lang="scss" scoped>
</style>
